import React from "react";

import "./index.less";

export default () => {
  return (
    <div className="css2022">
      <h1>选择器</h1>
      <div className="cssChoose">
        <p>qw32</p>
        <span>234234234</span>
        <div>32434</div>
      </div>
      <div className="cssChoose1">
        <p>3144</p>
        <i>3242323432</i>
      </div>
      <h1>自适应宽高</h1>
      <div className="autoSize">
        <div className="item_fill_available">
          <div className="children">fill-available撑满</div>
        </div>
        <div className="item_fit_content">
          <div className="children">fit-content父元素只有内容大小</div>
        </div>
        <div className="item_max_content">
          <div className="children">
            <div className="bigBox">11</div>
            <div>max-content父元素按照最大的子元素的大小</div>
          </div>
        </div>
        <div className="item_min_content">
          <div className="children">
            <div className="smallBox">11</div>
            <div>min-content父元素按照最小的子元素的大小</div>
          </div>
        </div>
      </div>
    </div>
  );
};
